<template>
	<view class="form-box">
		<view class="form">
			<u-form :model="form" ref="uForm">
				<u-form-item label="+86" :label-style="labelStyle" label-width="120"><u-input placeholder="请输入手机号" v-model="form.phone" type="number" /></u-form-item>
			</u-form>
		</view>
		<u-button shape="circle" type="primary" @click="submit">获取验证码</u-button>
	</view>
</template>

<script>
	export default {
		props: {
			desc: String,
			title: String,
		},
		data() {
			return {
				labelStyle: {
					
				},
				form: {
					phone: ''
				}
			}
		},
		created() {
	    },
		methods: {
			submit() {
				if(this.form.phone == ''){
					this.$u.toast("请输入手机号");
					return;
				}
				this.$u.route({
					url: 'pages/login/code',
					params: {
						phone: this.form.phone
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.form {
		margin-bottom: 40px;
	}
	.form-box {
		padding: 20px;
	}
</style>
